:root {
    --cc_ak25-default-bg: #fff;
    --cc_ak25-default-bg-s: rgba(247, 250, 255, 0.17);
    --cc_ak25-default-bg-e: rgba(247, 250, 255, 1);
    --cc_ak25-default-bg-i: url('../images/ak25-bg.jpg');
    --cc_ak25-border-radius: 30px;
    --cc-ak25-light-mode: block;
    --cc-ak25-dark-mode: none;
    --cc-ak25-code-bg: #EEF6FF;
    --cc-ak25-msg-bdr: rgba(0, 0, 0, 0.1);
}

html.prefers-color-mode-dark {
    --cc_ak25-default-bg: #000;
    --cc_ak25-default-bg-s: rgba(17, 17, 17, 0.17);
    --cc_ak25-default-bg-e: rgba(17, 17, 17, 1);
    --cc_ak25-default-bg-i: url('../images/ak25-bg-dark.jpg');
    --cc-ak25-light-mode: none;
    --cc-ak25-dark-mode: block;
    --cc-ak25-code-bg: rgba(0, 0, 0, 0.15);
    --cc-ak25-msg-bdr: rgba(255, 255, 255, 0.1);
}

@media (prefers-color-scheme: dark) {
    html:not(.prefers-color-mode-light) {
        --cc_ak25-default-bg: #000;
        --cc_ak25-default-bg-s: rgba(17, 17, 17, 0.17);
        --cc_ak25-default-bg-e: rgba(17, 17, 17, 1);
        --cc_ak25-default-bg-i: url('../images/ak25-bg-dark.jpg');
        --cc-ak25-light-mode: none;
        --cc-ak25-dark-mode: block;
        --cc-ak25-code-bg: rgba(0, 0, 0, 0.15);
        --cc-ak25-msg-bdr: rgba(255, 255, 255, 0.1);
    }
}

@media ( min-width: 576px ) {
    :root {
        --cc_ak25-border-radius: 50px;
    }
}

/* cc_icon- */
[class*="cc_icon-"] {font-size: 1em; width: 1em; max-width: 1em; flex: 0 0 1em; display: block; position: relative; }
[class*="cc_icon-"]::before { content: ""; display: block; padding-top: 100%; position: relative; width: 100%; z-index: 1; }
[class*="cc_icon-"] svg,
[class*="cc_icon-"] img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; transition: transform 0.150s; }

.cc_imgbox { position: relative; display:block; }
.cc_imgbox::before { padding-top: 56.25%; width:100%; display:block; content:''; }
.cc_imgbox img { display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; object-fit: cover; }
.cc_imgbox iframe,
.cc_imgbox video { display: block; width: 100%; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; border-radius: 1.5rem; }


.cc_bw_wrapper {display: block; padding:0; position:relative; z-index:10; word-wrap: break-word; word-break: break-word; max-width: 936px; margin-left: auto; margin-right: auto; }
.cc_bw_wrapper p:empty {display: none;}
.cc_bw_wrapper::before,
.cc_bw_wrapper::after {display:table; content:" ";}
.cc_bw_wrapper::after {clear:both;}
.cc_bw_button_blue {padding: 12px 15px;display: inline-block;vertical-align: middle;background-color: #0072c3;color: #fff !important;border: 0;text-decoration: none !important;cursor: pointer;}
.cc_bw_ak25 { margin: 0 !important; padding: 20px 0; position: relative; overflow: visible !important; }


/* Custom form Embed */

html, body { min-width: 320px; }
.cc_ak25, .cc_ak25 *, .cc_ak25 ::after, .cc_ak25 ::before{ box-sizing: border-box;}

.cc_ak25-btn-wrapper{ font-size: 10px; line-height: normal;display: flex;flex-wrap: wrap; justify-content: center; align-items: center; margin-left: -4px; margin-right: -4px; position: relative; }
.cc_ak25-btn { position: relative; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 16px; line-height: 1.5; color: #fff !important; cursor: pointer; padding: 11px 15px; border: transparent solid 2px; border-radius: 100px; min-width: 10px; text-align: center; transition: all .1s ease-in-out; margin: 4px; text-transform: none; will-change: background-color, border-color, color; box-shadow: none !important; outline: 0 !important; text-decoration: none !important; }
.cc_ak25-btn-with-icon { padding-left: 11px; padding-right:11px; }

.cc_ak25-btn i { font-size: 24px; margin: 0 6px; line-height: 1; }
.cc_ak25-btn-text { line-height: 1.185; display: flex; align-items: center; margin: 0 6px; position: relative; }
.cc_ak25-btn i + .cc_ak25-btn-text,
.cc_ak25-btn .cc_ak25-btn-text + i { margin-inline-start: 0; }

.cc_ak25-btn .cc_icon-download { margin-left: -5px !important; margin-right: 3px; }

.cc_ak25-btn-text { display: block; margin: 0 6px; position: relative; top: -0.1em; }

.cc_ak25-btn > :first-child { margin-left: 0; }
.cc_ak25-btn > :last-child { margin-right: 0; }

.cc_ak25-btn:not(.disabled):not(:disabled) { opacity: 1 !important; }

.cc_ak25-btn:not(:disabled)::before,
.cc_ak25-btn:not(.disabled)::before { outline: none; opacity: 0; border-radius: 100px; display: block; content: ''; position: absolute; top: -4px; left: -4px; right: -4px; bottom: -4px; will-change: box-shadow, opacity; transition: all .1s ease-in-out; }

.cc_ak25-btn:disabled,
.cc_ak25-btn.disabled { opacity: 0.5; pointer-events: none; opacity: 1; background-color: #d1d1d1; border-color: #d1d1d1; }

.cc_ak25-btn:hover::before,
.cc_ak25-btn:focus::before,
.cc_ak25-btn:active::before { opacity: 1; }

.cc_ak25-btn::before,
.cc_ak25-btn:hover::before,
.cc_ak25-btn:focus::before { box-shadow: 0 0 0 2px #0070CC; }
.cc_ak25-btn:active::before { box-shadow: 0 0 0 2px #0059a3; }
.cc_ak25-btn:disabled,
.cc_ak25-btn.disabled { opacity: 0.65; background-color: #0059a3; border-color: #0059a3; }

.cc_ak25-btn-blue { color: #ffffff;background-color: #0070CC;border-color: transparent; }
.cc_ak25-btn-blue:focus { opacity: 1; background-color: #0059a3; color: #ffffff; border-color: transparent; }
.cc_ak25-btn-blue:hover { opacity: 1; background-color: #0064b7; color: #ffffff; border-color: transparent; }
.cc_ak25-btn-blue:active { opacity: 1; background-color: #0059a3; color: #ffffff; border-color: transparent; }
.cc_ak25-btn:disabled,
.cc_ak25-btn.disabled { opacity: 0.5; background-color: #0070CC; border-color: #0070CC; }


/* cc_ak25_icon */
[class*="cc_ak25_icon-"] {font-size: 1em; width: 1em; max-width: 1em; flex: 0 0 1em; display: block; position: relative; }
[class*="cc_ak25_icon-"]::before { content: ""; display: block; padding-top: 100%; position: relative; width: 100%; z-index: 1; }
[class*="cc_ak25_icon-"] svg,
[class*="cc_ak25_icon-"] img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 0; transition: transform 0.150s; }

.cc_ak25 .d-none { display: none !important; }
.cc_ak25 .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }


@media (min-width: 768px) {
    .cc_ak25-btn { font-size: 18px; }
    .cc_ak25-btn-wrapper { justify-content: flex-start; }
}

@media (min-width: 992px) {
    .cc_ak25-btn { font-size: 20px; }
}

/* loader */
.cc_ak25-loader {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 0;background-color: rgb(26, 30, 32, 90%);min-width: 320px;visibility: hidden;opacity: 0;transition: visibility 0.25s, opacity 0.25s; border-radius: var(--cc_ak25-border-radius); }
.cc_ak25.loading .cc_ak25-loader {visibility: visible;opacity: 1; z-index: 99999999; }
.cc-loading-inner {width: 70%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center; }
.cc-loading-inner p {font-size: 12px;font-weight: 400; color: #fff; margin: 0 !important; }
.cc-loading-inner svg {width: 30px;height: 30px;display: block;margin: 0 auto 2px auto; }
.cc-loading-inner .icon-primary-color{fill: #fff; }
.cc-loading-inner .icon--part-1{animation-iteration-count:infinite;animation-duration:2000ms;animation-delay:400ms;animation-name:logo-mark-1}
.cc-loading-inner .icon--part-2{animation-iteration-count:infinite;animation-duration:2000ms;animation-delay:800ms;animation-name:logo-mark-2}
.cc-loading-inner .icon--part-3{animation-iteration-count:infinite;animation-duration:2000ms;animation-delay:1200ms;animation-name:logo-mark-3}
.cc-loading-inner .icon--part-4{animation-iteration-count:infinite;animation-duration:2000ms;animation-delay:1600ms;animation-name:logo-mark-4}
@keyframes logo-mark-1{0%{fill:#fff}40%{fill:#3e3e3e}60%{fill:#3e3e3e}100%{fill:#fff}}
@keyframes logo-mark-2{0%{fill:#fff}40%{fill:#3e3e3e}60%{fill:#3e3e3e}100%{fill:#fff}}
@keyframes logo-mark-3{0%{fill:#fff}40%{fill:#3e3e3e}60%{fill:#3e3e3e}100%{fill:#fff}}
@keyframes logo-mark-4{0%{fill:#fff}40%{fill:#3e3e3e}60%{fill:#3e3e3e}100%{fill:#fff}}


.cc_ak25 { position: relative; min-width: 290px; background: linear-gradient(90deg, #E60013 0%, #FABE00 33.59%, #7DB14C 64.51%, #44AAF3 87.43%); border-radius: var(--cc_ak25-border-radius); padding: 2px; max-width: 100%; }
.cc_ak25 + .cc_ak25 { margin-top: 40px; }

.cc_ak25 h3 { margin: 0 0 20px 0; font-weight: 300;font-size: 21px;line-height: 1.252; text-align: center; display: block; outline: 0 !important; }
.cc_ak25 p { margin: 0 0 16px 0; line-height: 1.688; text-align: center; }

.cc_ak25-blog { margin: 0; border-radius: var(--cc_ak25-border-radius); position: relative; z-index: 1; overflow: hidden; width: 100%; background: var(--cc_ak25-default-bg) var(--cc_ak25-default-bg-i) no-repeat right top; background-size: 427px auto; }
.cc_ak25-blog-inr { display: flex; flex-direction: column; justify-content: center; border-radius: var(--cc_ak25-border-radius); position: relative; overflow: hidden; width: 100%; background: linear-gradient(225deg, var(--cc_ak25-default-bg-s) 0%, var(--cc_ak25-default-bg-e) 75%); padding: 20px 75px 20px 15px; min-height: 61px; }

.cc_ak25-astro-bot { position: absolute; bottom: 2px; right: 0; max-width: 75px; height: auto; z-index: 2; opacity: 1 !important; }
.cc_ak25-btn-copy-msg { display: none; position: absolute; top: calc(100% + 6px); left: 50%; transform: translateX(-50%); padding: 1px 5px 4px 5px; border-radius: 3px; white-space: nowrap; background: var(--cc_ak25-default-bg); border: 1px solid var(--cc-ak25-msg-bdr); pointer-events: none; }

.cc_ak25-logo { position: relative; width: 150px; margin: 0 auto 10px auto; flex-shrink: 0; }
.cc_ak25-logo img { display: block; max-width: 100%; width: 100%; height: auto; opacity: 1 !important; }
.cc_ak25-logo img:nth-child(1) { display: var(--cc-ak25-light-mode); }
.cc_ak25-logo img:nth-child(2) { display: var(--cc-ak25-dark-mode); }

.cc_ak25-btn-copy-wrapper { margin: 0; }
.cc_ak25-btn-copy { font-size: 14px; padding: 6px 10px; min-height: 33px; margin: 0; white-space: nowrap; }

.cc_ak25-code-area { display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 6px 8px 6px 15px; border-radius: var(--cc_ak25-border-radius);
border: 1px dashed #0070CC; background: var(--cc-ak25-code-bg); }
.cc_ak25-code { margin-bottom: 0; margin-inline-end: 10px; font-size: 10px; line-height: 1.5; letter-spacing: 3.2px; font-weight: 700; white-space: nowrap; flex: 1 1 auto; }

@media (min-width: 360px) {
    .cc_ak25-code { font-size: 12px; }
    .cc_ak25-blog-inr { padding-inline-start: 20px; }
}

@media (min-width: 375px) {
    .cc_ak25-code { font-size: 14px; }
}

@media (min-width: 576px) {
    .cc_ak25 { max-width: 540px; }
    .cc_ak25-blog-inr { flex-direction: row; justify-content: space-between; align-items: center; padding: 9px 110px 9px 20px; }
    .cc_ak25-logo { margin: 0 15px 0 0; }
    .cc_ak25-astro-bot { max-width: 95px; }
    .cc_ak25-code { font-size: 16px; }
    .cc_ak25-code-area { padding-inline-start: 20px; }
    .cc_ak25-btn-copy-msg { top: 100%; }

}